<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>找回密码</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link href="public/style/global.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
	<!-- warper-begin -->
	<div class="mobile-warper">
		<!-- head-begin -->
		<div class="header">
			<a href="list-view.html" class="back-a">返回</a>
			<h1>找回密码</h1>
		</div>
		<!-- head-end -->
		<!-- middle-begin -->
		<div class="phone-mail">
			<a href="get-password.html" class="register-phone  on">手机号码找回</a>
			<a href="get-password-mail.html" class="register-mail">邮箱找回</a>
		</div>
		<!-- middle-end -->
		<!-- content-begin -->
		<div class="contents register-cont">
			
			<div class="register-table">
				<!-- 手机找回 -->
				<div class="reg-phone-table">
					<div class="hints">
						<span class="hint-message">若您未绑定手机号，请选择邮箱找回</span>
					</div>
					<div class="reg-table-radius ">
						<table width="100%" border="0" cellspacing="0" cellpadding="0" >
							<tbody>
								<tr>
									<td class="reg-labe">手机号码：</td>
									<td class="phone-number">
										<input type="text" name="" id="" placeholder="11位手机号" maxlength="11"/>
										<input type="button" class="get-code" id="get-phone-code" value="获取验证码"/>
									</td>
								</tr>
								<tr class="table-top-hr">
									<td class="reg-labe">验证码：</td>
									<td><input type="text" name="" id="" placeholder="6位短信验证码" maxlength="6"/></td>
								</tr>
							</tbody>
						</table>	
					</div>
					<div class="mob-login-btn">
						<input type="button" value="提交" />
					</div>
				</div>
			</div>
		</div>
		<!-- content-begin -->
	</div>
	<!-- warper-end -->
	
<script src="public/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="public/js/global.js" type="text/javascript"></script>
<script src="public/js/handover.js" type="text/javascript"></script>
<script type="text/javascript">
	(function($) {
		$('#get-phone-code').removeAttr("disabled"); 
		$('#get-phone-code').on("click",function(){
			var t = 60, 
				$_code_btn = $(this);
			var inter = setInterval(function(){
                $('#get-phone-code').attr("disabled","disabled");
                if (t--) return $_code_btn.val(t+'s后重发');
                $_code_btn.val('获取验证码');
                $('#get-phone-code').removeAttr("disabled");
                clearInterval(inter);
		    },1000);
		return false;
		})
	})(jQuery);
</script>
</body>
</html>